<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>后台管理首页-版块管理员</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" th:href="@{/读书1.jpg}" type="image/jpg" >
    <link rel="stylesheet" href="../static/layui-v2.5.7/layui/css/layui.css" th:href="@{/layui-v2.5.7/layui/css/layui.css}">
    <!--  -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="../static/layui-v2.5.7/layui/layui.js" th:src="@{/layui-v2.5.7/layui/layui.js}"></script>
    <!--  -->

</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">后台管理系统</div>

        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item">
                <i class="layui-icon layui-icon-circle-dot"></i>
                版块管理员管理 / 系统首页 / 数据统计
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img th:src="${session.adminUser.headImg}" class="layui-nav-img">
                    <span th:text="${session.adminUser.username}"></span>
                </a>
            </li>
            <li class="layui-nav-item">
                <a th:href="@{/outAdminLogin(id = ${session.adminUser.id})}">
                    <i class="layui-icon layui-icon-logout" style=""></i>
                    退了
                </a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">

            <!-- 根据管理员类型判断） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 4">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/10}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        Java模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/10}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        Java模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/10}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        Java模块评论管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/10}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        Java模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/10}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        Java模块权限管理
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 5">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/11}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        C++模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/11}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        C++模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/11}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        C++模块评论管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/11}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        C++模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/11}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        C++模块权限管理
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 6">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/12}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        Python模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/12}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        Python模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/12}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        Python模块评论管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/12}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        Python模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/12}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        Python模块权限管理
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 7">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/13}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        Js模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/13}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        JS模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/13}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        JS模块评论管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/13}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        JS模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/13}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        JS模块权限管理
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 8">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/14}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        c语言模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/14}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        c语言模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/14}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        c语言模块评论管理管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/14}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        c语言模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/14}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        c语言模块权限管理
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-nav-tree" lay-filter="test" th:if="${session.adminUser.userStatus} eq 9">
                <li class="layui-nav-item layui-this">
                    <a th:href="@{/managementIndexByType/15}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        云计算模块系统首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/blogManagementByType/15}">
                        <i class="layui-icon layui-icon-read" style=""></i>
                        云计算模块博客管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toCommentManagementByType/15}">
                        <i class="layui-icon layui-icon-chat" style=""></i>
                        云计算模块评论管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/toReplyManagementByType/15}">
                        <i class="layui-icon layui-icon-reply-fill" style=""></i>
                        云计算模块回复管理
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a th:href="@{/userRightsManagementByType/15}">
                        <i class="layui-icon layui-icon-util" style=""></i>
                        云计算模块权限管理
                    </a>
                </li>
            </ul>

        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->

        <div class="layui-body_div1">
            <div class="layui-body_div1_div2">文章统计</div>
            <div class="layui-body_div1_div1" th:text="${blogCount}"></div>
            <div class="layui-body_div1_div3">当前总记录数</div>
        </div>

        <div class="layui-body_div1">
            <div class="layui-body_div1_div2">评论统计</div>
            <div class="layui-body_div1_div1" th:text="${commentCount}"></div>
            <div class="layui-body_div1_div3">当前总记录数</div>
        </div>

        <div class="layui-body_div1">
            <div class="layui-body_div1_div2">回复统计</div>
            <div class="layui-body_div1_div1" th:text="${replyCount}"></div>
            <div class="layui-body_div1_div3">当前总记录数</div>
        </div>

        <div class="layui-body_div1">
            <div class="layui-body_div1_div2">权限管理人数</div>
            <div class="layui-body_div1_div1" th:text="${userCount}"></div>
            <div class="layui-body_div1_div3">当前总记录数</div>
        </div>

    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        Copyright © 2017-2021  社区SQ.com 版权所有
    </div>
</div>

<script th:inline="javascript">

    <!-- 浏览器关闭事件,浏览器关闭时向后台发送退出链接,thymeleaf内联对象后加个'?',不然不存在时会报错-->
    $(window).unload(function(){
            $.ajax({
                url : "/ImagineCommunity/outAdminLogin?id=[[${session.adminUser.id}]]",
            })
    });

</script>

</body>

<style type="text/css">

    .layui-table-cell{
        text-align:center;
        white-space: normal;
        height:auto;
    }

    .layui-table img{
        max-width:55px;
    }

</style>

<style th:inline="text">

    .layui-body_div1{
        float:left;
        width:47%;
        height:45%;
        //border:1px solid red;
        display:inline-block;
        margin:20px 0px 0px 30px;
        background: rgb(246,246,246);
        background-size: 100% 100%;
    }

    .layui-body_div1_div1{
        font-size:100px;
        //border:1px solid red;
        padding-left:200px;
    }

    .layui-body_div1_div2{
        font-size:20px;
        padding-left:200px;
        margin-top:55px;
        //border:1px solid red;
    }

    .layui-body_div1_div3{
        font-size:20px;
        padding-left:200px;
        //border:1px solid red;
    }

</style>

</html>